@font-face {
    font-family: 'Open Sans';
    src: url('webfonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('webfonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('webfonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
    font-style: normal;
}
  
 /* Reemplazo de tipo de letra y visibilidad de cursor*/ 
*, html, body{
    font-family: "Open Sans", verdana,Arial,DIN !important; 
	cursor: default !important;
 }
 
/*Fondo Inicial o por defecto*/ 
/* body { background-color: #414042 !important; }  https://www.avantel.co/a/img/Banner_Home_WA_V2.jpg */
/* body { background-image: url('https://www.avantel.co/tienda/themes/avantel_mod1/images/planesPaquetes/foto-1-banner.png') !important; background-size: cover !important; } */

body { background-image: url('/Recursos/Cliente SaludTotal/Imagenes/SaludTotal-01.jpg') !important; background-size: cover !important; }

/*Fondo Rojo*/
.Fondo1{ background-image: url('/Recursos/Cliente SaludTotal/Imagenes/SaludTotal-02.jpg') !important; background-size: cover !important;}

/*Fondo Cafe*/
.Fondo2{ background-image: url('/Recursos/Cliente SaludTotal/Imagenes/SaludTotal-03.jpg') !important; background-size: cover !important;}

/*Fondo Rosado*/
.Fondo3{ background-image: url('/Recursos/Cliente SaludTotal/Imagenes/SaludTotal-04.jpg') !important; background-size: cover !important;}

/* Pantalla Inicio: Cambio del color de Botones a Azul Claro 93, 183, 228 o #FF5DB7E4*/
/*div[pantalla="Inicio"][nombre="Turno"]:active, div[pantalla="Inicio"][nombre="Cita"]:active{ background-image: url("../Cliente SaludTotal/Imagenes/btn_color_gradient_gris.png") !important;}*/
div[pantalla="Inicio"][nombre="Solicitar Turno"]:hover{ background-color: rgb(93, 183, 228) !important;}
div[pantalla="Inicio"][nombre="Solicitar Turno"]:active{ background-color: rgb(93, 183, 228) !important;}
div[pantalla="Inicio"][nombre="Consultar Turno"]:hover{ background-color: rgb(93, 183, 228) !important;}
div[pantalla="Inicio"][nombre="Consultar Turno"]:active{ background-color: rgb(93, 183, 228) !important;}
div[pantalla="Oficina"][nombre="Volver"]:hover{ background-image: url('/Recursos/Cliente SaludTotal/Imagenes/icon_atras_hover.svg') !important;}
/* div[pantalla="Inicio"][nombre="Cita"]:active span {color:white !important;} */

/* Pantalla Opciones: Cambio del color de Botones a gris oscuro*/
/*div[pantalla="Opciones"][nombre="Solicitar"]:active, div[pantalla="Opciones"][nombre="Consultar Turno"]:active, div[pantalla="DatosUsuario"][nombre="Aceptar"]:active, div[pantalla="Oficina"][nombre="Aceptar"]:active, div[pantalla="Promedios"][nombre="Aceptar"]:active{ background-image: url("../Cliente WOM/Imagenes/btn_color_gradient_gris.png") !important;}*/
/* div[pantalla="Opciones"][nombre="Solicitar"]:active{ background-color: rgb(93, 183, 228) !important;} */
/* div[pantalla="Opciones"][nombre="Consultar Turno"]:active{ background-color: rgb(93, 183, 228) !important;} */

/* Pantalla Oficina: */
/*Cambio scroll - Oficinas*/
div[pantalla="Oficina"][nombre="Oficinas"] {overflow-x: hidden !important;}
/* Cambio del color de Botones a gris oscuro*/
div[pantalla="Oficina"][nombre="Aceptar"]:active{ background-color: rgb(50, 50, 50) !important;}
div[nombre="Oficinas"] .boton {background-size: 100% !important; background-position: 5% 50% !important;}
div[nombre="Oficinas"] .boton span {
  padding-left: 130px;
  display: block; /* asegúrate que conserve el comportamiento de bloque */
  text-align: left; /* evita que el texto se centre */
}

/* Pantalla DatosUsuario: Cambio de icono de selección de tipos de documento*/
div[pantalla="DatosUsuario"][nombre="TiposDoc"] select { padding-left: 15px; appearance: none; background-image: url('../Cliente SaludTotal/Imagenes/user ans search icon-02.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; padding-right: 20px !important; background-origin: content-box;}
div[pantalla="DatosUsuario"][nombre="TiposDocOtros"] select { padding-left: 15px; appearance: none; background-image: url('../Cliente SaludTotal/Imagenes/user ans search icon-02.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; padding-right: 20px !important; background-origin: content-box;}
/*div[pantalla="DatosUsuario"][nombre="tbxNombre"] {overflow: visible !important;}
div[pantalla="DatosUsuario"][nombre="tbxApellidos"] {overflow: visible !important;}
div[pantalla="DatosUsuario"][nombre="tbxCorreo"] {overflow: visible !important;}
div[pantalla="DatosUsuario"][nombre="tbxNombre"] input[type="text"] { all: unset; border-style: solid !important; border-width: 1px !important; background-color: #E6E6E6 !important;}*/
/*div[pantalla="DatosUsuario"][nombre="tbxNombre"] input[type="text"]:focus{ border-style: solid !important; border-width: 1px !important; background-color: #FFFFFF !important;} 
div[pantalla="DatosUsuario"][nombre="tbxApellidos"] input[type="text"] { all: unset; border-style: solid !important; border-width: 1px !important; background-color: #E6E6E6 !important;}
div[pantalla="DatosUsuario"][nombre="tbxApellidos"] input[type="text"]:focus{ border-style: solid !important; border-width: 1px !important; background-color: #FFFFFF !important;} 
div[pantalla="DatosUsuario"][nombre="tbxCorreo"] input[type="text"] { all: unset; border-style: solid !important; border-width: 1px !important; background-color: #E6E6E6 !important;}
div[pantalla="DatosUsuario"][nombre="tbxCorreo"] input[type="text"]:focus{ border-style: solid !important; border-width: 1px !important; background-color: #FFFFFF !important;} */
/* Cambio de bordes redondos a control de selección de tipos de documento*/
select{ border: none; border-radius: 25px; height: inherit; }
select option { font-size: initial !important; }
div[nombre="TipoDoc"] select { height: inherit !important; }
div[nombre="TipoDocOtros"] select { height: inherit !important; }

div[pantalla="DatosUsuario"][nombre="Buscar"]:active{ background-color: rgb(50, 50, 50) !important;}

/*Pantalla DatosUsuario: Politica de datos*/
/*a{text-decoration:none !important; color: white !important;}    no se uso*/  

 /* Cambio de Interlineado a Textos con nombre Titulo */
[nombre=Titulo] span { line-height: 1.2; display: inline !important; }

/* Cambio de fondo a cajas de captura */
input, select { background: #FFFFFF;}   /* Gris Claro 230,230,230 */

/* Pantalla Servicios: */
/*div[nombre="Servicios"] .boton { background:url("../Cliente SaludTotal/Imagenes/btn_servicio_on.png") !important;}  NO SE USA*/
div[pantalla="Servicios"][nombre="Servicios"] span {line-height: 75px !important;}
div[nombre="Servicios"] .divAjusteVer span:nth-child(2){ display:none !important;}
div[pantalla="Servicios"][nombre="Servicios"] .boton[llave="8"] {
    background: url("../Cliente SaludTotal/Imagenes/btn_preferencial_01.svg") no-repeat center center !important;
    background-size: cover !important;   /* La imagen ocupa todo el botón */
    color: transparent !important;       /* Oculta el texto */
    text-indent: -9999px !important;     /* Garantiza que no aparezca ni un pixel del texto */
    overflow: hidden !important;         /* Evita que algo sobresalga */
}

/*Pantalla Gracias */   
div[nombre="Gracias"][nombre="NumeroTurno"]:active span{ font-size: 70px !important;}

/* Cambio de alto de pantalla para todas las pantallas*/
div[tipo="Pantalla"]{height:3000px !important;}

.splash { color: white; }

@media only screen and (max-width: 768px) {

    /* Quitar imágenes pero mantener color */
    body,
    div[tipo="Pantalla"],
    .Fondo1,
    .Fondo2,
    .Fondo3,
    .Fondo4 {
        background-image: none !important;
        background-color: #ffffff !important;
    }

    /* NO auto, NO vh — mantener estructura */
    div[tipo="Pantalla"] {
         height: 3000px !important;      /* requerido */
    }
}

@media (min-width: 769px) {

    body,
    .Fondo1,
    .Fondo2,
    .Fondo3,
    .Fondo4 {
        background-repeat: no-repeat;
        background-position: 320px top !important;
        background-size: calc(100% - 320px) 100% !important;
    }

    body {
        background-image: url('/Recursos/Tablero SaludTotal_Cli/Imagenes/SaludTotal-01.jpg') !important;
    }

    .Fondo1 {
        background-image: url('/Recursos/Tablero SaludTotal_Cli/Imagenes/SaludTotal-02.jpg') !important;
    }

    .Fondo2 {
        background-image: url('/Recursos/Tablero SaludTotal_Cli/Imagenes/SaludTotal-03.jpg') !important;
    }

    .Fondo3 {
        background-image: url('/Recursos/Tablero SaludTotal_Cli/Imagenes/SaludTotal-04.jpg') !important;
    }

    .Fondo4 {
        background-image: url('/Recursos/Tablero SaludTotal_Cli/Imagenes/SaludTotal-05.jpg') !important;
    }
}